<template>
  <view class="container">
    <view class="title">{{ introduceData.title }}</view>
    <view class="content" v-html="introduceData.content" />
  </view>
</template>
<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
const introduceData = ref(null)
onLoad(option => {
  if (option.data) {
    const agreementData = JSON.parse(decodeURIComponent(option.data))
    agreementData.content = agreementData.content.replaceAll('<img', '<img style="max-width:100%;height:auto" ')
    introduceData.value = agreementData
  }
})
</script>
<style>
.title {
  text-align: center;
  padding: 28rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #333333;
}
.content {
  padding: 28rpx 50rpx 200rpx 50rpx;
}
</style>
